<template>
    <!-- <div class="home-footer">
      <div class="home-footernav" >
          <router-link to="/Venmous"> <img src="imgs/b1.png" alt="">
          <p>得物</p></router-link>
      </div>
      <div class="home-footernav">
          <router-link to="/Home"><img src="imgs/b1.png" alt="">
          <p>购买</p></router-link>
      </div>
      <div class="home-footernav">
          <router-link to="/Service"> <img src="imgs/b1.png" alt="">
          <p>服务</p></router-link> 
      </div>
      <div class="home-footernav" >
          <router-link to="/My"> <img src="imgs/b1.png" alt="">
          <p>我的</p></router-link>
         
      </div> -->
      <van-tabbar v-model="active">
  <van-tabbar-item icon="search" @click="goVenmous">标签</van-tabbar-item>
  <van-tabbar-item icon="home-o" @click="goHome">标签</van-tabbar-item>
  <van-tabbar-item icon="setting-o" @click="goService">标签</van-tabbar-item>
  <van-tabbar-item icon="friends-o" @click="goMy">标签</van-tabbar-item>
</van-tabbar>
    <!-- </div> -->

</template>

<script>
export default {
    data(){
        return{
            active : "1"
        }
    },
    methods:{
        goVenmous(){
            this.$router.push("./Venmous")
        },
         goHome(){
            this.$router.push("./Home")
        },
         goService(){
            this.$router.push("./Service")
        },
         goMy(){
            this.$router.push("./My")
        },
    }
}
</script>

<style scoped>
.home-footer{
    width: 100%;
    height: 00.6rem;
    background-color: red;
    display: flex;  justify-content: space-around;
}
.home-footernav img{
    height: 0.36rem;
}
.home-footernav p{
   text-align: center;font-size: 0.1rem;
}
</style>